
.top .mui-slider{height: 170px;}
.top .mui-slider .mui-slider-group .mui-slider-item{height: 170px;}
.top .mui-slider .mui-slider-group .mui-slider-item img{height: 170px;}
.mibtn{width: 90%;height: 50px;display: flex;align-items: center;border-bottom: 1px solid #ddd;margin: 0px 5%;justify-content: space-between;}
.mibtn .pop{}
.mibtn .pop img{width: 40px;height: 40px;border-radius: 50%;float: left;}
.mibtn .pop .title{padding-left: 5px;color: #58CC77;font-size: .9rem;float: left;line-height: 40px;}
.mibtn .imput{}
.mibtn .imput input[type=button]{background: #419156;border: none;color: white;padding: .5rem .8rem;border-radius: .8rem;}
.product{width: 94%;height: 37vh;margin: 10px 3%;background-color: white;border-radius: 5px;}
.product .title{height: 7vh;line-height: 7vh;padding: 0 5vw;font-weight: bold;border-bottom: 1px solid #ddd;}
.product .title abbr{float: left;font-size: 18px;}
.product .title span{float: right;color: #aaa;font-weight: normal;font-size: .8rem;}
.product .card_card{display: flex;justify-content: space-around;align-items: center;}
.product .card_card .img{width: 35%;padding: 5% 5% 0 5%;}
.product .card_card .content{width: 65%;text-align: left;}
.product .card_card .content div{text-align: left;line-height: 25px;font-size: 14px;list-style: none;}
.product .card_card .content div abbr{font-size: 16px;color: #E8BB63;}
.product .card_card .content div span:last-child{float: right;margin-right: 5%;}
.product .card_detial{width: 100%;line-height: 28px;display: flex;align-items: center;justify-content: space-around;}
.product .card_detial abbr{font-size: 16px;color: #E8BB63;}
.product .card_detial span{padding: 0px 3vh;}
.product .card_button{width: 90%;margin: 0px 5%;background: #419156;border-radius: .3rem;text-align: center;}
.product .card_button p{color: white;height: 6vh;line-height: 6vh;}
.gudie{width: 100%;height: 10vh;padding: 0;margin: 0;position: absolute;bottom: 8vh;display: flex;align-items: center;justify-content: space-around;border-top: 1px solid #ddd;}
.gudie li{list-style-type: none;display: list-item;text-align: -webkit-match-parent;}
.gudie li a{display: flex;align-items: center;text-decoration: none;color: black;}
.gudie .left{margin-right: 1rem;font-size: 1.5rem;color: #419156;}
.gudie .right{text-align: center;float: right;}
.gudie .right span{color: #aaa;font-size: .8rem;line-height: 1.5rem;}
.buttom{height: 8vh;width: 100%;margin: 0;padding: 0;background: #f0f0f0;position: fixed;bottom: 0;border-top: 1px solid #ddd;display: flex;align-items: center;z-index: 999;font-size: .8rem;}
.buttom li{list-style-type: none;width: 25vw;text-align: center;padding-top: 2px;}
.buttom li a{text-decoration: none;color: black;}
